<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/html5.js"></script>
    <script type="text/javascript" language="javascript" src="js/jcarousellite.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/category_today.css" />
    <link rel="shortcut icon" href="img/favicon.ico" />
</head>  
<script type="text/javascript">
$(document).ready(function()
{
    	
				$("#anyClass").jCarouselLite({
					visible: 8,
					speed: 400,
					btnPrev: ".detPhoto  .goLeft",
					btnNext: ".detPhoto  .goRight"
				});
			$(".mitem img").click(function()
            {
                
                var data=$(this).attr("data");
                if(data!=undefined)
                {
                 $("#category_today #top .detPhoto .LargeImg img").attr("src",data);   
                }
                 
                 
            });
            $("#category_today dl.count .add").click(function()
            {
                var val=parseInt($("#category_today .count input.number").val())+1;
                
                $("#category_today .count input.number").val(val);
            });
             $("#category_today dl.count .minus").click(function()
            {
                var val=parseInt($("#category_today .count input.number").val())-1;
                $("#category_today .count input.number").val(val);
            });
            
            setInterval(get_time,1000);
           var totalSec=4000;
            function get_time()
            {
                
                 
            
                var hours = parseInt( totalSec / 3600 ) % 24;
                var minutes = parseInt( totalSec / 60 ) % 60;
                var seconds = parseInt(totalSec % 60);
                totalSec--;
                var hour1=parseInt(hours/10);
                var hour2=parseInt(hours%10);
                
                var minute1=parseInt(minutes/10);
                var minute2=parseInt(minutes%10);
                
                var second1=parseInt(seconds/10);
                var second2=parseInt(seconds%10);
                
                $("#category_today ul.detail li.s2 div.percent .countdown #hour1").html(hour1);
                $("#category_today ul.detail li.s2 div.percent .countdown #hour2").html(hour2);
                
                $("#category_today ul.detail li.s2 div.percent .countdown #minute1").html(minute1);
                $("#category_today ul.detail li.s2 div.percent .countdown #minute2").html(minute2);
                
                $("#category_today ul.detail li.s2 div.percent .countdown #second1").html(second1);
                $("#category_today ul.detail li.s2 div.percent .countdown #second2").html(second2);
            }
});
		
</script>
<body>
    <header>
        <div class="container"><img src="img/header.jpg" /></div>
    </header>
    <section>
        <div class="container">
    
            <!-- Begin: Breadcrumb -->
            <dl class="breadcrumb">
                <span class="home"></span>홈<span class="cursor"></span><strong>바보커머스</strong>
            </dl>
            <!-- End: Breadcrumb -->
            
            <!-- Begin: Commerce Section -->
            <div id="category_today">
            
              <div id="top">                
                <!-- Begin: Product Top Detail -->
                <ul class="detail mgt20">
                    <li class="s1">
                            <div class="detPhoto">
                    			<p class="LargeImg"><img src="img/category/category_today_image_400.jpg" width="400" height="400" /></p>
                    			<div class="imgList">
                    				<ul>
                    			<div class="banner">
                    					<!--자바스크립트로 인해 별도의 CSS가 삽입이 되므로, anyclass와 li에 인라인 css 삽입함-->
                    					<div id="anyClass">
                    						 <ul class="mitem">
                    							<li ><img id="Detail_Big_Image" src="img/category/category_today_image_35.jpg"  width="35" height="35" data="img/category/category_today_image_400.jpg"/></li>
                    							<li ><img id="Detail_Big_Image" src="img/category/category_today_image_35_2.jpg" width="35" height="35" data="img/category/category_today_image_400_2.jpg" /></li>
                    							<li ><img id="Detail_Big_Image" src="img/category/category_today_image_35_3.jpg" width="35" height="35" data="img/category/category_today_image_400_3.jpg" /></li>
                    							<li ><img id="Detail_Big_Image" src="img/category/category_today_image_35_4.jpg" width="35" height="35"  data="img/category/category_today_image_400_2.jpg"/></li>
                    							<li ><img id="Detail_Big_Image" src="img/category/category_today_image_35_5.jpg" width="35" height="35" data="img/category/category_today_image_400_3.jpg"/></li>
                    							<li ><img id="Detail_Big_Image" src="img/category/category_today_image_35_6.jpg" width="35" height="35"  /></li>
                    							<li ><img id="Detail_Big_Image" src="img/category/category_today_image_35_6.jpg" width="35" height="35" /></li>
                    							<li ><img id="Detail_Big_Image" src="img/category/category_today_image_35_6.jpg" width="35" height="35" /></li>
                    							<li ><img id="Detail_Big_Image" src="img/category/category_today_image_35_6.jpg" width="35" height="35" /></li>
                    							<li ><img id="Detail_Big_Image" src="img/category/category_today_image_35_6.jpg" width="35" height="35" /></li>
                    						</ul>
                    					</div>
                    
                    				</div>
                    				</ul>
                    			</div>
                    			<p class="goLeft"><img src="img/category/category_today_go_prev.jpg" width="10" height="15" /></p>
                    			<p class="goRight"><img src="img/category/category_today_go_next.jpg" width="10" height="15" /></p>
                        </div>
                    </li>
                    <li class="s2">
                        <!-- Begin: Percent Progress -->
                        <div class="percent">
                            <img src="img/category/category_today_banner1.jpg" width="446" height="121" />
                            <div class="countdown"> 
                            <p><img src="img/category/140512_onlytoday_03.jpg" width="100" height="12" /></p>
                            <p><span class="conner3" id="hour1">0</span><span class="conner3" id="hour2">1</span>:<span class="conner3" id="minute1">0</span><span id="minute2" class="conner3">6</span>:<span class="conner3" id="second1">4</span><span id="second2" class="conner3">1</span></p>
                            </div>
                        </div>
                        <!-- End: Percent Progress -->
                        <!-- Begin: Price Section -->
                            <div class="pricediv">
                                    
                                <dl class="txt1">[헤븐센스]</dl>
                                <dl class="txt2">러브 플라워 디퓨저 기프트 세트 - 스페셜 에디션</dl>
                                <dl class="sale">
                                    <table width="100%" cellspacing="0" cellpadding="0">
                                        <colgroup>
                                            <col width="150" />
                                            <col width="82" />
                                            <col width="*" />
                                        </colgroup>
                                        <tbody>
                                            <tr>
                                                <td align="left"><span class="percent">63%</span></td>
                                                <td valign="top" align="left" class="icons"><img src="img/category/140512_onlytoday_13.jpg" width="78" height="19" />
                                                    <img src="img/category/140512_onlytoday_16.jpg" width="78" height="19" />
                                                    
                                                </td>
                                                <td valign="top" align="left" class="prtxt">
                                                    <dl class="price1"><strike>34,800</strike>원</dl>
                                                    <dl class="price2">24,400<span>원</span></dl>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </dl>
                                <dl class="count">
                                    <table>
                                         <colgroup>
                                            <col width="70" />
                                            
                                            <col width="*" />
                                        </colgroup>
                                        <tbody>
                                            <tr>
                                            <td>수량</td>
                                                <td>
                                                    <label><span class="minus">-</span><input  class="w40 number" type="text" value="2" /><span class="add">+</span></label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>필수옵션</td>
                                                <td>
                                                <select class="w265">
                                                    <option>선택해주세요</option>
                                                    <option>선택해주세요</option>
                                                    <option>선택해주세요</option>
                                                    <option>선택해주세요</option>
                                                </select></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </dl>
                                <dl class="btndiv">
                                    <a href="#" title="참여하기"><img src="img/category/category_today_button1.jpg" width="151" height="50" /></a>
                                    <a href="#" title="바로구매"><img src="img/category/category_today_button2.jpg" width="151" height="50" /></a>
                                    <a href="#" title="바로구매"><img src="img/category/category_today_button3.jpg" width="151" height="50" /></a>
                                </dl>
                            </div>    
                       
                       
                    </li>
                </ul>
                <!-- End: Product Top Detail -->
                </div>
                
                <div id="calendar" >
                
                    <div class="controller">
                        <p>
                        <span class="btn_prev-"><a href="#"><img src="img/category/category_today_calendar_prev.jpg"  /></a></span>
                        <span class="calendar_number">2014.MAY</span>
                        <span class="btn_next"><a href="#"><img src="img/category/category_today_calendar_next.jpg"  /></span></a></span>
                        </p>
                    </div>
                    <table class="conner3">
                        
                        <tr>    
                            <th><img src="img/category/search_today_calendar_sun.jpg"/></th>
                            <th><img src="img/category/search_today_calendar_mon.jpg"/></th>
                            <th><img src="img/category/search_today_calendar_thu.jpg"/></th>
                            <th><img src="img/category/search_today_calendar_wed.jpg"/></th>
                            <th><img src="img/category/search_today_calendar_thu.jpg"/></th>
                            <th><img src="img/category/search_today_calendar_fri.jpg"/></th>
                            <th><img src="img/category/search_today_calendar_sat.jpg"/></th>
                            
                        </tr>
                        
                        <tr>
                             <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>
                                <div class="item">
                                    <img class="feature" src="img/category/category_today_calendar_1.jpg" width="120" height="120" />
                                    <img class="number" src="img/category/search_today_num_1.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                    <img class="feature" src="img/category/category_today_calendar_2.jpg" width="120" height="120" />
                                    <img class="number" src="img/category/search_today_num_2.jpg" width="15" height="15" />
                                </div>
                            </td>   
                            <td>
                                <div class="item">
                                    <img class="feature" src="img/category/category_today_calendar_3.jpg" width="120" height="120" />
                                    <img class="number" src="img/category/search_today_num_3.jpg" width="15" height="15" />
                                </div>
                            </td>  
                                             
                        </tr>
                        <tr>
                            <td>
                                <div class="item">
                                    <img class="feature" src="img/category/category_today_calendar_4.jpg" width="120" height="120" />
                                    <img class="number" src="img/category/search_today_num_4.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                    <img class="feature" src="img/category/category_today_calendar_5.jpg" width="120" height="120" />
                                    <img class="number" src="img/category/search_today_num_5.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                    <img class="feature" src="img/category/category_today_calendar_6.jpg" width="120" height="120" />
                                    <img class="number" src="img/category/search_today_num_6.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                    <img class="feature" src="img/category/category_today_calendar_7.jpg" width="120" height="120" />
                                    <img class="number" src="img/category/search_today_num_7.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                    <img class="feature" src="img/category/category_today_calendar_8.jpg" width="120" height="120" />
                                    <img class="number" src="img/category/search_today_num_8.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                    <img class="feature" src="img/category/category_today_calendar_9.jpg" width="120" height="120" />
                                    <img class="number" src="img/category/search_today_num_9.jpg" width="15" height="15" />
                                </div>
                            </td>   
                            <td>
                                <div class="item">
                                    <img class="feature" src="img/category/category_today_calendar_10.jpg" width="120" height="120" />
                                    <img class="number" src="img/category/search_today_num_10.jpg" width="15" height="15" />
                                </div>
                            </td>  
                                           
                        </tr>
                        <tr>
                            <td class="today">
                                <div class="item ">
                                    <img class="feature" src="img/category/category_today_calendar_11.jpg" width="120" height="120" />
                                    <img class="today" src="img/category/search_today_calendar_today.jpg" />
                                </div>
                            </td>
                            <td>
                              <div class="item">
                                <img class="number" src="img/category/search_today_num_12.jpg" width="15" height="15" />
                                </div>
                            </td>   
                            
                            <td>
                                <div class="item">
                                <img class="number" src="img/category/search_today_num_13.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                <img class="number" src="img/category/search_today_num_14.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                               <img class="number" src="img/category/search_today_num_15.jpg" width="15" height="15" />
                                </div>
                            </td>   
                            <td>
                                <div class="item">
                                <img class="number" src="img/category/search_today_num_16.jpg" width="15" height="15" />
                                </div>
                            </td>  
                            <td>
                                <div class="item">
                               <img class="number" src="img/category/search_today_num_17.jpg" width="15" height="15" />
                                </div>
                            </td>                   
                        </tr>
                        <tr>
                            <td>
                                <div class="item">
                               <img class="number" src="img/category/search_today_num_18.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                            <div class="item">
                                <img class="number" src="img/category/search_today_num_19.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                <img class="number" src="img/category/search_today_num_20.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                            <div class="item">
                                <img class="number" src="img/category/search_today_num_21.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                <img class="number" src="img/category/search_today_num_22.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                <img class="number" src="img/category/search_today_num_23.jpg" width="15" height="15" />
                                </div>
                            </td>   
                            <td>
                                <div class="item">
                                <img class="number" src="img/category/search_today_num_24.jpg" width="15" height="15" />
                                </div>
                            </td>  
                                               
                        </tr>
                        <tr class="last">
                            <td>
                                <div class="item">
                                <img class="number" src="img/category/search_today_num_25.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                <img class="number" src="img/category/search_today_num_26.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                               <img class="number" src="img/category/search_today_num_27.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                               <img class="number" src="img/category/search_today_num_28.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                                <div class="item">
                                <img class="number" src="img/category/search_today_num_29.jpg" width="15" height="15" />
                                </div>
                            </td>
                            <td>
                            <div class="item">
                                <img class="number" src="img/category/search_today_num_30.jpg" width="15" height="15" />
                                </div>
                            </td>   
                            <td>
                            <div class="item">
                                <img class="number" src="img/category/search_today_num_31.jpg" width="15" height="15" />
                                </div>
                            </td>  
                                            
                        </tr>
                    </table>
                </div><!--end calendar -->
                <div id="info">
                <img src="img/category/140512_onlytoday_15.jpg" width="1100" height="121" />
                </div>
               </div><!--end category_today -->
        </section>
        <footer>
            <div class="container"><img src="img/footer.jpg" /></div>
        </footer>
    </body>
</html>